<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=1024">
<title>CDCCAM | Contact</title>
<link rel="shortcut icon" href="img/icon.png" type="image/x-icon">
<link href="css/font-awesome.css" rel="StyleSheet" type="text/css"/>
<link href="css/style.css" rel="StyleSheet" type="text/css"/>
<link href="css/745.css" rel="StyleSheet" type="text/css"/>
<script type="text/javascript" src="js/jquery.js" ></script>
<script type="text/javascript" src="js/jqueryui.js" ></script>
<script type="text/javascript" >
    $(document).ready(function(){
        function Slide(images){
            var img_label = ["Build Out","Apartement","Restoration","Multi-family"];
            $(".dcr-sld-namesp").append(img_label);
        
            var _slide = document.createElement("div");
            var _slide_pre = document.createElement("div");
            var _slide_thumbs = document.createElement("div");
            var _names = new Array();
            var _images = new Array();
            var _current_slide= 0 ;
            var _interval = null;
            
            _slide.addImage=function(image){_images.push(image);};
            
            $(_slide).attr("class","dcr-sld-h");
            $(_slide_pre).attr("class","dcr-sld-pre");
            $(_slide_thumbs).attr("class","dcr-sld-thumbs");
            
            $(_slide).append( _slide_pre ).append( _slide_thumbs );
            
            for(var i=0;i<images.length;i++){
                var thumb = document.createElement("div");
                var img = document.createElement("img");
                var names = document.createElement("div");
                $(names).attr("class","dcr-sld-namesp").text(img_label[i]);
                $(thumb).attr("class","dcr-sld-thumb").attr("sid",i).append(names).append(img).click(function(){
                    _current_slide=parseInt($(this).attr("sid"));
                    $(_slide_pre).find("img").toggle("slide",function(){
                        $(this).attr("src",images[_current_slide]).toggle("slide")
                    });
                    clearInterval(_interval);
                    _interval=setInterval(function(){animateSlide();},5000);
                });
                $(img).attr("src",images[i]);
                $(_slide_thumbs).append(thumb);
                if(i==0){
                    var pre_i = document.createElement("div");
                    var img = document.createElement("img");
                    $(img).attr("src",images[i]).attr("class","img");
                    $(pre_i).attr("class","dct-sld-i").append(img);
                    $(_slide_pre).append(pre_i);
                }
            }
            
            function animateSlide(){
                _current_slide=_current_slide>=(images.length-1)?0:(_current_slide+1);
                $(_slide_pre).find("img").toggle("fadeout",function(){
                    $(this).attr("src",images[_current_slide]).toggle("fadein")
                });
            }
            
            _slide.animate=function(){
                //_interval=setInterval(animateSlide(),1000);
                _interval=setInterval(function(){animateSlide();},5000);
            };
            _slide.stop=function(){clearInterval(_interval);};
            return _slide;
        }
        
        var images = ["img/sldn1.png","img/sldn2.png","img/sldn3.png","img/sldn4.png","img/sld5.jpg","img/sld6.jpg","img/sld7.jpg","img/sld8.jpg"];
        var slide = new Slide(images);
        $(".m-slide").append(slide);
        slide.animate();
        
    });
</script>
</head>
<body>
    <div class="dcr-lyr" >
        <!--<div class="lyr-fixed dcr-top" >
            <div class="dcr-phone" ><div class="fa fa-phone" style="padding: 0px 5px 0px 0px; font-size: 14px;"  ></div>855(0)12 97 8800488</div>
            <div class="dcr-email" ><div class="fa fa-envelope"  style="padding: 0px 5px 0px 0px;  font-size: 14px;" ></div>info@cdccam.com</div>
        </div>-->
        <div class="header">
        <div class="lyr-fixed dcr-lg-mnu" >
            <div class="dcr-logo" ><img src="img/logo.png" height="100%" style="display: inline-block;" /></div>
            <div class="dcr-mnu-src" >
                <div class="dcr-mnu" >
                    <div class="sc-fb fa fa-facebook-square" ></div>
                    <div class="sc-skp fa fa-skype" ></div>
                    <!--<div class="sc-yt fa fa-youtube-square" ></div>
                    <div class="sc-tw fa fa-twitter-square" ></div>
                    <div class="sc-gp fa fa-google-plus-square" ></div>-->
                </div>
                <div class="dcr-src" >
                    <input type="text" name="txtsearch" id="txtsearch" class="txtsearch" placeholder="Search ... " value="" />
                    <span class="search-icon fa fa-search" ></span>
                </div>
            </div>
        </div>
        </div>
        
    <div class="menus">
        <div class="dcr-mnus" >
                    <div class="dcr-mnu-i" ><a href="index.html" >HOME</a></div>
                    <div class="dcr-mnu-i" ><a href="about.html" >ABOUT US</a></div>
                    <div class="dcr-mnu-i dcr-sub-mnu" >
                        <a href="service.html" >SERVICE</a>
                        <ul>
                            <li><a href="builtout.html#build-out" >BUILD-OUT</a></li>
                            <li><a href="mfc.html#multi-family" >Multi-Family Construction</a></li>
                            <li><a href="flats.html#flates" >Flats</a></li>
                            <li><a href="townhouse.html#town-house" >Townhouses</a></li>
                            <li><a href="duplex.html#duplex" >Duplex</a></li>   
                        </ul>
                    </div>
                    <div class="dcr-mnu-i" ><a href="restoration.html" >RESTORATION SERVICE</a></div>
                    <div class="dcr-mnu-i" ><a href="designanddecor.html" >DESIGN & DECOR SERVICE</a></div>
                    <div class="dcr-mnu-i dcr-sub-mnu" >
						<a href="gallery.html"> GALLERY </a>
						<ul>
							<li><a href="gallery.html">Our Latest Project</a></li>
							<li><a href="gallery.html">Sample Design</a></li>
						</ul>
					</div>
                    <div class="dcr-mnu-i" ><a href="contact.html" >CONTACT</a></div>
        
        
		</div>
        
    </div>
    
    <div class="dcr-lyr" style="background: #000; " >
        <div class="lyr-fixed m-slide" ></div>
    </div>
    <div class="dcr-lyr" >
        <div class="lyr-fixed dcr-mn-cntn" >
            <div class="dcr-ls" >
                <div class="blk-info" style="width: 99%; padding: 0px 0.5%; " >
                    <h3 style="font-family: 'SWISSB'; font-size: 18px; color: #CF4E9D; " >Contact us</h3>
                    <p>
                        So for all your residential and commercial d&eacute;cor needs, just listen to what the CDCCAM community has to say about us. We know you will find that we are the top in the industry. Please do not hesitate to call us with any questions you might have.
                        <br />
                        E-mail  : info@cdccam.com <br />
                        Website : www.cdccam.com <br />
                        Phone   :  +855 71 7 644 448 <br />
                        <font style="margin-left:50px;">+855 97 8 800 488</font> <br />
                        <font style="margin-left:50px;">+855 92 294 800</font>
                    </p>
                </div>
                <div class="blk-info" style="width: 99%; padding: 0px 0.5%; " >
                    <h3 style="font-family: 'SWISSB'; font-size: 18px; color: #CF4E9D; " >Our Location</h3>
                    <iframe width="100%" height="400px" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com.kh/maps/ms?msa=0&amp;msid=216022137869632317642.0004fa6cecce620c7ebf1&amp;hl=en&amp;ie=UTF8&amp;t=m&amp;ll=11.563957,104.915142&amp;spn=0.016818,0.041156&amp;z=15&amp;iwloc=0005016afc277b6b782fa&amp;output=embed"></iframe><br /><small>View <a href="https://www.google.com.kh/maps/ms?msa=0&amp;msid=216022137869632317642.0004fa6cecce620c7ebf1&amp;hl=en&amp;ie=UTF8&amp;t=m&amp;ll=11.563957,104.915142&amp;spn=0.016818,0.041156&amp;z=15&amp;iwloc=0005016afc277b6b782fa&amp;source=embed" style="color:#0000FF;text-align:left">My Saved Places</a> in a larger map</small>
                </div>
                <div class="m_contact">
                    <div class="c_top">
                        <h3 style="font-family: 'SWISSB'; font-size: 14px; color: #CF4E9D; " >Contact</h3>
                    </div>
                    <div class="c_m_table">
                        <form action="" method="post" name="frmContact">
                            <table border="0" cellspacing="0">
                                <tr>
                                    <td>Name :<br/><input type="text" name="txtName" id="txtName" class="txt" placeholder="Name"></td>
                                    <td>Company's Name :<br/><input type="text" name="txtCName" id="txtCName" class="txt" placeholder="Company's Name"></td>  
                                </tr>
                                <tr>
                                    <td>Email :<br/><input type="text" name="txtEmail" id="txtEmail" class="txt" placeholder="Email"></td>
                                    <td>Address :<br/><input type="text" name="txtAddress" id="txtAddress" class="txt" placeholder="Address"></td>  
                                </tr>
                                <tr>
                                    <td>Phone :<br/><input type="text" name="txtPhone" id="txtPhone" class="txt" placeholder="Phone"></td>
                                    <td>Subject :<br/><input type="text" name="txtSubject" id="txtSubject" class="txt" placeholder="Subject"></td>  
                                </tr>
                                <tr>
                                    <td colspan="2">Message :<br/><textarea name="txaMessage" id="txaMessage" class="txa"></textarea></td>
                                </tr>
                                <tr>
                                    <td><input type="submit" name="btnSend" id="btnSend" class="btnSend" value="Send"></td>
                                </tr>
                            </table>
                        </form>
                    </div>
                </div>
            </div>
            <div class="dcr-rs" style="border-left: 1px dashed #CCC; " >
                <h2 style="font-family: 'SWISSB'; font-size: 22px; margin: 2px 0px;" >Our products</h3>
                <ul>
                    <li><a href="wwd.html#service">What we do</a></li>
                    <li><a href="builtout.html#build-out">BUILD-OUT</a></li>
                    <li><a href="restoration.html#restoration">Restoration</a></li>
                    <li><a href="mfc.html#multi-family">Multi-Family Construction</a></li>
                    <li><a href="flats.html#flates">Flats</a></li>
                    <li><a href="townhouse.html#town-house">Townhouses</a></li>
                    <li><a href="duplex.html#duplex">Duplex</a></li>
                </ul>
            </div>
        </div>
        <div class="lyr-fixed dcr-footer" >
            <div class="drc-addr-term" >
                <div class="dcr-address" >
                Chaktumok D&eacute;cor &amp; Construction (Cambodia) Limited<br/>
                <span style="color: #999; font-size: 12px; " >
                Building #5C, St. 284 corner St. 163, Olympic,Chomkamorn, Phnom Penh, Cambodia.<br/> 
                Tel:  855(0)71 7644448 | 855(0)12 97 8800488 |  855(0)92 294800&nbsb;Email: info@cdccam.com
                </span>
                </div>
                <div class="dcr-term" ><a >Term of service</a> | <a >Privacy policy</a></div>
            </div>
            <div class="dcr-alr-mnu" >
                <div class="alr-dsn" >2014 All Rights researved. Designed By: ASDICT</div>
                <div class="alr-mnu" >
                    <div class="alr-mnu-i" ><a href="contact.html" class="active" >Contact</a></div>
                    <div class="alr-mnu-i" ><a href="gallery.html" >Gallery</a></div>
                    <div class="alr-mnu-i" ><a href="service.html" >Service</a></div>
                    <div class="alr-mnu-i" ><a href="about.html" >About</a></div>
                    <div class="alr-mnu-i" ><a href="index.html" >Home</a></div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>